<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script src="lib/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="lib/baiduTemplate.js" type="text/javascript" charset="utf-8"></script>
		<script src="lib/page.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="top">
			<div class="top1">
				<ul>
					<li><span>北京</span><a href="#">[切换城市]</a> |</li> 
					<li class="second"><a href="index.html">同城帮首页</a></li>
					<li class="log"><a href="#">登录</a> |</li>
					<li><a href="#">注册</a> |</li>
					<li><a href="#">我的订单</a></li>
					<li><a href="#">在线客服<span>(9:00-21:00)</span></a> |</li>
					<li>
						<select name="">
							<option value="">客户服务</option>
							<option value="">帮助中心</option>
							<option value="">维修收款</option>
						</select>
					</li>
					<li>论坛 |</li>
					<li>投诉建议</li>
				</ul>
			</div>			
		</div>
		<div id="logo">
			<div class="logo">
				<div class="logoLeft">
					<h1>360同城帮</h1>
				</div>
				<div class="logoRight">
					<p>
						<a href="#" style="background: green; color:white;">全部</a>
						<a href="#">台式机</a>
						<a href="#">笔记本</a>
						<a href="#">手机平板</a>
						<a href="#">办公设备</a>
						<a href="#">服务器</a>
					</p>
					<div class="input">
						<input type="text" name="" id="" value="" placeholder="上门安装调试"/>
						<button>搜索</button>
					</div>
				</div>
			</div>
			
		</div>
		<div id="warp">
			<section class="section1">
				<div class="shopMsg">
					<img src="img/001.jpg"/>
					<div class="right">
						<div class="firstP">
							<h6>顺通电脑维修</h6>
							<b>360认证</b>
							<span>分享 发送至手机 举报</span>
						</div>
						<div class="secondP">
							<span>360担保交易</span>
							<span>无效退款</span>
							<span>先行赔付</span>
							<span class="lastSpan">店铺等级</span>
						</div>
						<div class="thirdP">
							<p>联系人：李凤东    电话： 180****513 <span>查看完整号码></span></p>
							<h6>最近成交：113295 次   评价：111765 条</h6>
						</div>
						<div class="fourthP">
							<p>商家地址：北京通州区瑞都国际南区12号楼底商12-2 <span>地图</span></p>
							<h6>营业时间： 09:00-20:00    周末正常营业</h6>
						</div>
					</div>
				</div>
			</section>
			<section class="section2">
				<p><b>店铺公告：</b><span>1.本店新址：瑞都国际南区底商12号楼12-2</span><span>2.九棵树地铁正门出来正南200米可以到达本店</span></p>
			</section>
			<section class="section3">
				<div id="tab">
					<div class="tabTop">
						<a href="#" style="color: black;">全部(23)</a>
						<a href="#">台式机(3)</a>
						<a href="#">笔记本(2)</a>
						<a href="#">数据恢复(4)</a>
						<a href="#">企业服务(1)</a>
						<a href="#">其他(12)</a>
					</div>
					<div class="shopServer">
						<!--店铺列表-->
						<ul id="ul"></ul>
					</div>
					<!--分页-->
					<div class="page">
					
					</div>
					<!--用户评价-->
					<div id="pingJia">
						<div class="pingjiaTop">用户评价	</div>
						<div class="pingjiaShow">
							<ul>
								
							</ul>
						</div>
					</div>
					<!--服务保障-->
					<div id="baoZhang">
						<h5>服务保障</h5>
						<div class="serverBz">
							<h3>看得见摸得着的维修，修不好，全额退款</h3>
							<dl>
								<dt>360担保支付</dt>
								<dd>360同城帮建议您在线支付，360担保， 维修满意后将钱打给商户 却确保您的资金安全</dd>
							</dl>
							<dl>
								<dt>360担保支付</dt>
								<dd>360同城帮建议您在线支付，360担保， 维修满意后将钱打给商户 却确保您的资金安全</dd>
							</dl>
							<dl>
								<dt>360担保支付</dt>
								<dd>360同城帮建议您在线支付，360担保， 维修满意后将钱打给商户 却确保您的资金安全</dd>
							</dl>
							<dl>
								<dt>360担保支付</dt>
								<dd>360同城帮建议您在线支付，360担保， 维修满意后将钱打给商户 却确保您的资金安全</dd>
							</dl>
							<dl>
								<dt>360担保支付</dt>
								<dd>360同城帮建议您在线支付，360担保， 维修满意后将钱打给商户 却确保您的资金安全</dd>
							</dl>
						</div>
					</div>
				</div>
			</section>
			<section class="section4">
			<!--底部图文区-->
				<div class="foot">
					<img src="img/18.jpg"/>
					<dl>
						<dt>购物指南</dt>
						<dd>购物流程</dd>
						<dd>帮助文档</dd>
					</dl>
				</div>
				<div class="foot">
					<img src="img/18.jpg"/>
					<dl>
						<dt>支付方式</dt>
						<dd>在线支付 当面付款</dd>
					</dl>
				</div>
				<div class="foot">
					<img src="img/20.jpg"/>
					<dl>
						<dt>售后服务</dt>
						<dd>投诉建议</dd>
						<dd>售后说明</dd>
					</dl>
				</div>
				<div class="foot">
					<img src="img/21.jpg"/>
					<dl>
						<dt>商家合作</dt>
						<dd><a href="">加盟同城帮</a></dd>
						<dd>新闻采访/跨界合作</dd>
					</dl>
				</div>
			</section>
			<!--同城帮信息区-->
			<footer>
				<h6>客服电话：4000-399-360 / 010-53767360 投诉建议 网站地图</h6>
				<p>Copyright © 2005-2017  360.CN  All Rights Reserved  360安全中心</p>
				<p>京ICP备08010314号-19    京公网安备110000000006号</p>
			</footer>
		</div>
	</body>
	<script src="js/new2.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/html" id="tep">
		<%for (var i=0;i<product.length;i++) {%>
			<li>
					<img src=<%=product[i].product_img%> />
					<p><a href="#"><%=product[i].product_name%></a><br /><span>服务内容：<%=product[i].service_desc1%></span><i>￥<%=product[i].product_price%></i></p>
					<button class="btn">立即购买</button>
			</li>
		<%}%>
	</script>
	<script type="text/html" id="tep2">
		<%for (var i=0;i<result.comm.length;i++) {%>
			<li>
				<div class="show">
					<img src=<%=result.comm[i].imageUrl%> />
					<p><%=result.comm[i].username%></p>
				</div>
				<dl>
					<dt><span>5</span> <b>订单号：<%=result.comm[i].order_id%></b></dt>
					<dd><%=result.comm[i].comment_content%></dd>
					<dd><%=result.comm[i].comment_create_time%>|<span><%=result.comm[i].product_name%></span></dd>
				</dl>
		</li>
		<%}%>
	</script>
	<script type="text/javascript">
		
	</script>
</html>
